<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
<meta name="keywords" content="{$SEO['keyword']}">
<meta name="description" content="{$SEO['description']}">
<link href="{HOME_PATH}css/style.css" rel="stylesheet" type="text/css" />
<link href="{HOME_PATH}css/media.css" rel="stylesheet" type="text/css">
<link href="{HOME_PATH}css/reset.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{HOME_PATH}css/font-awesome.min.css">
<link rel="stylesheet" href="{HOME_PATH}css/animate.min.css">
<link rel="stylesheet" type="text/css" href="{HOME_PATH}css/idangerous.swiper.css">
<script type="text/javascript" src="{HOME_PATH}js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/idangerous.swiper.min.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/swiper.animate1.0.2.min.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/jquery.superslide.2.1.2.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/wow.min.js"></script>
<script type="text/javascript">
  $(function(){
     new WOW().init();
     $(".imgbox").hover(function(){
        $(this).find("img").eq(0).addClass("scale-1x");
    },function(){
        $(this).find("img").eq(0).removeClass("scale-1x");
    })});
</script>
</head>
<body>
<div class="smallest-screen"></div>
<div class="webmain">
  {template "content","header"}
  <div class="banner">
    <div class="swiper-wrapper"> 
        {pc:get sql="SELECT * FROM v9_poster WHERE spaceid = 1 AND type='images' AND disabled=0 ORDER BY listorder ASC" num="10"} 
        {loop $data $r}
           <?php
           $arr= (array)json_decode($r['setting']);
           foreach ($arr as $key => $val){
                    $imageurl = $val->imageurl;
                    $linkurl = $val->linkurl;
                    $alt = $val->alt;
              }
           ?>
           <div class="swiper-slide"><a href="{$linkurl}"><img alt="{$alt}" src="<?php echo $imageurl; ?>"></a></div>
        {/loop}
        {/pc}
    </div>
    <a class="banner-left" href="javascript:void(0);"><i class="fa fa-angle-left"></i></a> <a class="banner-right" href="javascript:void(0);"><i class="fa fa-angle-right"></i></a>
    <div class="pagination"></div>
  </div>
  <div class="inkey">
    <div class="content wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"> 关键词搜索： {pc:block pos="hotwords"}{/pc}&nbsp; </div>
  </div>
  {pc:get sql="SELECT * FROM v9_category WHERE catid = 7" num="1"} 
  {loop $data $r}
  <div class="injiagong">
    <div class="content">
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">{$r[catname]}</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">{$r[description]}</div>
      <div class="bd wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
        <ul>
            {pc:content action="category" catid="7" num="25" siteid="$siteid" order="listorder ASC"}
            {loop $data $r}
            <li><a href="{$r[url]}">
            <div class="li">
              <div class="pic"><img alt="{$r[catname]}" src="{thumb($r[image],110,0)}" class="tupian" loadwidth="310" loadheight="310"></div>
              <div class="wz">
                <div class="tit">{str_cut($r[catname],20)}</div>
                <div class="jj">{str_cut($r[description],120)}</div>
              </div>
            </div>
            </a></li>
            {/loop}
            {/pc}
        </ul>
      </div>
      <div class="clean"></div>
    </div>
  </div>
  {/loop}
{/pc}
  <script type="text/javascript">
        if ($(window).width() <=850) { var nynavgs= 2 }else{ var nynavgs= 4 }
        jQuery(".injiagong").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"leftLoop",autoPlay:true,vis:nynavgs});
    </script>
  <div class="inpro">
    <div class="content">
      <div class="leftnav wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
        <div class="lmtit">
          <div class="en">Products</div>
          <div class="cn">产品加工实例</div>
        </div>
        {pc:content action="category" catid="8" num="25" siteid="$siteid" order="listorder ASC"}
        {loop $data $r}
        <a href="{$r['url']}">
        <div class="tit">{$r[catname]}</div>
        </a> 
        {loop subcat($r[catid]) $v}
        <a href="{$v[url]}" class="li">{$v[catname]}</a><span> | </span>
        {/loop}
        {/loop}
        {/pc}
    </div>
      <div class="right wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
        <ul>
        {pc:content  action="position" posid="2" thumb="1" order="listorder DESC" num="10"}
          {loop $data $r}
          <a href="{$r[url]}">
          <li>
            <div class="pic"><img src="{thumb($r[thumb],110,0)}" alt="{$r[title]}" class="tupian" loadwidth="300" loadheight="300"></div>
            <div class="tit">{$r[title]}</div>
          </li>
          </a>
          {/loop}
        {/pc}
          <div class="clean"></div>
        </ul>
      </div>
      <div class="clean"></div>
    </div>
  </div>
  <div class="inyoushi">
    <div class="content">
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">选择我们的<span>4</span>个理由</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">专注加工生产为一体的生产厂家，精密五金件CNC加工及非标定制加工</div>
      <div class="nr">
        <div class="xian"></div>
        {pc:get sql="SELECT * FROM v9_poster WHERE spaceid = 12 AND type='images' AND disabled=0 ORDER BY listorder ASC" num="10"} 
        {loop $data $r}
           <?php
           $i++;
           $arr= (array)json_decode($r['setting']);
           foreach ($arr as $key => $val){
                    $imageurl = $val->imageurl;
                    $linkurl = $val->linkurl;
                    $alt = $val->alt;
                    $name = $val->name;
              }
           ?>
           <div class="li li<?php echo $i%2==0?2:1;?> wz{$i}">
              <div class="pic wow <?php echo $i%2==0?fadeInRight:fadeInLeft;?>" data-wow-duration="1s" data-wow-delay="0.5s"><img src="<?php echo $imageurl; ?>" alt="{$name}" class="tupian" loadwidth="580" loadheight="395"></div>
              <div class="sz wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">0{$i}</div>
              <div class="wz">
                <div class="tit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">{$name}</div>
                <div class="jj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">{$alt}</div>
              </div>
              <div class="clean"></div>
            </div>
        {/loop}
        {/pc}
      </div>
    </div>
  </div>
  <div class="inpinzhi">
    <div class="content">
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">{$CATEGORYS[13][catname]}</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">{$CATEGORYS[13][description]}</div>
      <div class="hd wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
        <ul>
            {pc:content action="category" catid="13" num="2" siteid="$siteid" order="listorder ASC"}
            {loop $data $r}
            <li>{$r[catname]}</li>
            {/loop}
            {/pc}
          <div class="clean"></div>
        </ul>
      </div>
      <div class="bd wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
        <ul>
          <div class="li">
            {pc:content  action="lists" catid="14" order="updatetime DESC" num="2"}
            {loop $data $r}
                <a href="{$r[url]}">
                <li>
                  <div class="pic tupian" loadwidth="320" loadheight="220"><img src="{$r[thumb]}" alt="{$r[title]}"></div>
                  <div class="tit">{$r[title]}</div>
                </li>
                </a> 
            {/loop}
            {/pc}
        </div>
          <li class="one">

            <div class="zy_media">
              <img src="{$CATEGORYS[14][image]}">
            </div>
            <script src="{HOME_PATH}js/zy.media.js"></script> 
            <script>
                if ($(window).width() >1300){
                    zymedia('video', {videoHeight: 446});
                }else if ($(window).width() >850 && $(window).width()<1300){
                    zymedia('video', {videoHeight: 412});
                }else{
                    zymedia('video');
                }
            </script> 
          </li>
          <div class="li"> 
            {pc:content  action="lists" catid="14" order="updatetime DESC" start="2" num="2"}
            {loop $data $r}
                <a href="{$r[url]}">
                <li>
                  <div class="pic tupian" loadwidth="320" loadheight="220"><img src="{$r[thumb]}" alt="{$r[title]}"></div>
                  <div class="tit">{$r[title]}</div>
                </li>
                </a> 
            {/loop}
            {/pc}
        </div>
          <div class="clean"></div>
        </ul>
        <ul>
          <div class="li"> 
            {pc:content  action="lists" catid="15" order="updatetime DESC" num="2"}
            {loop $data $r}
                <a href="{$r[url]}">
                <li>
                  <div class="pic tupian" loadwidth="320" loadheight="220"><img src="{$r[thumb]}" alt="{$r[title]}"></div>
                  <div class="tit">{$r[title]}</div>
                </li>
                </a> 
            {/loop}
            {/pc}
        </div>
          <li class="one">
            <link rel="stylesheet" href="{HOME_PATH}css/zy.media.min.css">
            <div class="zy_media">
              <img src="{$CATEGORYS[15][image]}">
            </div>
            <script src="{HOME_PATH}js/zy.media.js"></script> 
            <script>
                            if ($(window).width() >1300){
                                zymedia('video', {videoHeight: 446});
                            }else if ($(window).width() >850 && $(window).width()<1300){
                                zymedia('video', {videoHeight: 412});
                            }else{
                                zymedia('video');
                            }
                        </script> 
          </li>
          <div class="li">
            {pc:content  action="lists" catid="15" order="updatetime DESC" start="2" num="2"}
            {loop $data $r}
                <a href="{$r[url]}">
                <li>
                  <div class="pic tupian" loadwidth="320" loadheight="220"><img src="{$r[thumb]}" alt="{$r[title]}"></div>
                  <div class="tit">{$r[title]}</div>
                </li>
                </a> 
            {/loop}
            {/pc}
          </div>
          <div class="clean"></div>
        </ul>
      </div>
    </div>
  </div>
  <script type="text/javascript">
        jQuery(".inpinzhi").slide({});
    </script>
  <div class="incase">
    <div class="content">
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">客户应用案例</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">多行业应用领域客户的共同见证</div>
      <div class="nr wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
        <div class="hd">
          <ul>
            {pc:content action="category" catid="7" num="25" siteid="$siteid" order="listorder ASC"}
            {loop $data $r}
            <?PHP echo $j++;?>
            <li>
              <div class="ico"><img src="{HOME_PATH}images/x<?php echo $j;?>.png" alt="{$r[catname]}"></div>
              <div class="cn">{str_cut($r[catname],20)}</div>
              <div class="en">{str_cut($r[description],40)}</div>
            </li>
            {/loop}
            {/pc}
            <div class="clean"></div>
          </ul>
        </div>
        <div class="bd"> 
            {pc:content action="category" catid="7" num="25" siteid="$siteid" order="listorder ASC"}
            {loop $data $r}
                <ul>
                    {pc:content  action="lists" catid="$r[catid]" order="updatetime DESC" num="10"}
                    {loop $data $v}
                    <li>
                      <div class="pic"><img src="{$v[thumb]}" alt="{$v[title]}" class="tupian" loadwidth="915" loadheight="540"></div>
                      <div class="wz">
                        <div class="tit">{$v[title]}</div>
                        <div class="jj">{str_cut($v[description],300)}<a href="{$v[url]}">[查看更多]</a></div>
                      </div>
                    </li>
                    {/loop}
                    {/pc}
                  </ul>
            {/loop}
            {/pc}
          </div>
        <div class="clean"></div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
        jQuery(".incase").slide({});
    </script> 
  <div class="innews">
    <div class="content">
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">{$CATEGORYS[6][catname]}</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">{$CATEGORYS[6][description]}</div>
      <div class="list wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
        <div class="slmtit"><span>{$CATEGORYS[11][catname]} /</span>
          <div class="xian"></div>
          <a href="{$CATEGORYS[11][url]}">更多+</a></div>
        <div class="inque">
          <div class="nr">
            <ul>
                {pc:content  action="lists" catid="11" order="updatetime DESC" num="10"}
                <ul class="content news-photo picbig">
                 {loop $data $r}
                     <li class="on">
                        <div class="tit"><span>-</span><a href="{$r[url]}" title="{$r[title]}">{str_cut($r[title],20)}</a></div>
                      </li>
                    {/loop}
                </ul>
                {/pc}
            </ul>
          </div>
        </div>
      </div>
      <div class="right wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
        <div class="zhichi">
          <div class="slmtit"><span>{$CATEGORYS[12][catname]} /</span>
            <div class="xian"></div>
            <a href="{$CATEGORYS[12][url]}">更多+</a></div>
        </div>
        <div class="inque">
          <div class="nr">
            <ul>
                {pc:content  action="lists" catid="12" order="updatetime DESC" num="10"}
                <ul class="content news-photo picbig">
                 {loop $data $r}
                     <li class="on">
                        <div class="tit"><span>-</span><a href="{$r[url]}" title="{$r[title]}">{str_cut($r[title],20)}</a></div>
                        <div class="jj">{$r[description]}<a href="{$r[url]}" title="{$r[title]}">【详细】</a></div>
                      </li>
                    {/loop}
                </ul>
                {/pc}
            </ul>
          </div>
        </div>
        <script type="text/javascript">
                    $(".inque .nr ul li").click(function(){
                        $(".inque .nr ul li").removeClass("on");
                        $(".inque .nr ul li").find(".tit span").html("+");
                        $(this).addClass("on");
                        $(this).find(".tit span").html("-");
                    });
                </script> 
      </div>
      <div class="clean"></div>
    </div>
  </div>
  <div class="inabout">
    <div class="content">
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">{$CATEGORYS[2][catname]}</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">{$CATEGORYS[2][description]}</div>
      <div class="nr wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
        <div style="text-align:left;"> {pc:block pos="about"}{/pc}</div>
      </div>
      <a href="{$CATEGORYS[2][url]}" class="more wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">查看详情+</a> </div>
  </div>
  {template "content","footer"}
   </div>
</body>
</html>